/*创建人：Totoro */
/*------------------------------------------------------*/
/*重置--------------------------------------------------*/
/*------------------------------------------------------*/
body,ul,ol,h1,h2,h3,h4,h5,p,dl,dt,dd,fieldset,input,button{
    margin: 0;
    padding: 0;
}
fieldset,input,button{
    border: none;
}
ul,ol{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    border: 0;
    vertical-align: middle;
}
em,i{
    font-style: normal;
}
/*重置结束----------------------------------------------*/
/*------------------------------------------------------*/

/*------------------------------------------------------*/
/*公用样式----------------------------------------------*/
/*------------------------------------------------------*/
body{
    font: 12px/1.5 "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","宋体",sans-serif;
    background: #f5f5f5;
}
h1,h2,h3,h4,h5{
    font-size: 100%;
}
.clear:after{
    content: "";
    display: block;
    clear:both;
}
/*登录前*/
.default{
    display: block;
}
/*登录后*/
.logged{
    display: none;
}
/*----------------------*/
/*通用一级布局----------*/
#site-nav,
#header,
#content,
#footer{
    width: 100%;
}
#header{
    height: 130px;
    background: #fff;
}
#content{
    font-family: "Microsoft YaHei",SimSun,'\5b8b\4f53',sans-serif;
}

/*最顶部偶尔图片top-con----------*/
.top_con{
    width: 100%;
}

/*----------------------*/
/*footer底部部分开始----*/
#footer{
    min-width: 1230px;
    background: #fff;
    border-top: 1px solid #ccc;
}
.ft-container{
    width: 1190px;
    margin: 0 auto;
    /*整体宽度控制*/
}
/*页脚保证承诺部分开始-------*/
.tmall-ensure{
    height: 100px;
    margin: 25px auto;
    background: url(../img/index/tmall-ensure.jpg) no-repeat center center;
    border-bottom: 1px solid #ededed;
}
.tmall-ensure a{
    width: 297px;
    height: 100px;
    display: inline-block;
}

/*页站点描述部分开始---------*/
.tmall-desc{
    height: 190px;
    padding-top: 22px;
    background: url(../img/index/tmall-desc.png) no-repeat 52px bottom;
}
.tmall-desc dl{
    float: left;
    width: 186px;
    padding-left: 52px;
}
.tmall-desc dt{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #646464;
}
.tmall-desc a{
    display: block;
    height: 20px;
    line-height: 20px;
    color: #8b8b8b;
}

/*页站点版权部分开始--------*/
.tmall-copyright{
    width:100%;/*外部宽度100%使全屏时背景铺满*/
    color: #a4a4a4;
    background: #000;
    border-top: 2px solid red;
}
.cr-container{
    width: 1190px;
    margin: 0 auto;
    background: #000;
}
.tmall-copyright a{
    margin-right: 3px;
    color: #fff;
}
.footer-tmallinfo,.footer-otherlinks{
    height: 25px;
    padding: 5px 0;
    line-height: 25px;
    color: #fff;
}
.footer-copyright span{
    line-height: 1.5;
    margin-right: 65px;
}
.footer-copyright a{
    color:  #a4a4a4;
}
.footer-copyright b{
    display: block;
    padding: 5px 0 8px;
    font-weight: normal;
    color: #686868;
}

/*服务号码进行背景遮盖-------*/
.server-number{
    height: 30px;
    text-align: center;
    background: #000;
}

/*公用样式结束-------------------------------------------*/
/*------------------------------------------------------*/

/*--------------------------------------------------------*/
/*首页开始-------------------------------------------------*/
/*------------------------------------------------------*/
.container{
    width: 1230px;
    margin: 0 auto;
    /*整体宽度控制*/
}

/*-----------------------------*/
/*顶部导航部分 见公用样式-----*/

/*-----------------------------*/
/*header头部部分开始------------*/
.hd-container{
    background: #fff;
}

.hd-logo{
    width: 290px;
    float: left;
    margin-left: -50px;
}
.hd-logo a{
    display: block;
}

/*头部搜索框部分开始------------*/
.hd-extra{
    width: 625px;
    float: left;
    left: 100px;
    padding-top: 38px;
}
.hd-search{
    overflow: hidden;/*隐藏热词最左边的边框*/
}
#search fieldset{
    position: relative;
    border: 2px solid #c40000;
}
#search legend{
    color: #000;
    display: none;
}
#search input[name='enter']{
    width: 483px;
    height: 26px;
    padding: 5px 3px 5px 5px;
    font: 14px/26px arial;
    color: #666;
    border: none;
    outline: none;
}
#search input[name='search-btn']{
    position: absolute;
    top: 0;
    right: 0;
    width: 132px;
    height: 36px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 5px;
    color: #fff;
    background: #c40000;
    cursor: pointer;
}

.hd-hot-key{
    margin-top: 5px;
    margin-left: -12px;
}
.hd-hot-key li{
    display: inline-block;
    padding: 0 12px;
    font-size: 14px;
    line-height: 1.1;
    border-left: 1px solid #ccc;
}
.hd-hot-key a{
    color: #999;
}
.key-highlight a{
    color: #c40000;
}
/*搜索智能提示框部分开始*/
.form{
    position: relative;
}
.search-tip{
    width: 487px;
    position: absolute;
    top: 76px;
    left: 1px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 999;
    display: none;
}
.search-tip a{
    display: block;
    height: 24px;
    padding: 0 5px;
    line-height: 24px;
    color: #000;
}
.search-tip .keyword{
    font-weight: normal;
}
.search-tip .key-tip{
    font-weight: bold;
}
.search-tip .count{
    float: right;
    color: #999;
}
.search-tip a:hover{
    color: #fff;
    background: #c60a0a;
}
.search-tip a:hover .count{
    color: #fff;
}
/*搜索提示框的最后一项为店铺搜索*/
.shop a{
    height: 30px;
    line-height: 30px;
    color: #333;
}
.shop-icon{
    font-size: 16px;
    position: relative;
    top: 2px;
    padding-right: 5px;
}
/*header头部结束----------------*/

/*------------------------------*/
/*主题内容部分开始--------------*/
/*主导航开始-----------*/
#main-nav{
    width: 100%;/*全屏背景铺满*/
    height: 36px;
    background: #dd2727;
    position: relative;
    z-index: 10;
}
#main-nav ul{
    width: 1015px;
    margin: 0 auto;
    padding-left: 215px;/*给出分类导航的宽度*/
    background: #dd2727;
}
#main-nav li{
    float: left;
    height: 36px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    position: relative;
}
#main-nav a{
    display: block;
    color: #fff;
}
#main-nav a img{
    display: block;
    width: 90px;
    height: 36px;
}
#main-nav .hover-pic{
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -20px;
    width: 40px;
    height: 15px;
    background: url(../img/index/hover-pic.png);
    z-index: -1;
    /*hover-pic的过渡*/
    transition: top .5s ease;
}
#main-nav a:hover .hover-pic{
    top: -15px;
}
/*主导航结束-------------------*/

/*分类导航开始----------------*/
#category{
    width: 1230px;
    margin: 0 auto;
    position: relative;
}
.cg-content{
    width: 200px;
    position: absolute;
    top: -36px;
    left: -15px;
    z-index: 10;
}
/*分类导航标题*/
.cg-title{
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: #FF0036;
}
.cg-title i{
    margin-left: 14px;
    position: relative;
    top: 1px;
}
.cg-title h2{
    display: inline;
    font-size: 16px;
    margin-left: 8px;
    font-weight: 700;
}

/*分类导航切换列表*/
.cg-tab{
    height: 500px;
    background-color: rgba(0,0,0,.55);
}
.cg-tab .nav-item{
    position: relative;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    color: #000;
}
.cg-tab .nav-item-icon{
    display: inline-block;
    margin-left: 14px;
    margin-right: 8px;
    font-size: 16px;
    color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50)
}
.cg-tab .nav-item a{
    color: #fff;
}
.cg-tab .nav-item i{
    display: inline-block;
    margin-left: 14px;
    margin-right: 4px;
    height: 31px;
    line-height: 31px;
    font-size: 18px;
    opacity: .5;
    color: #fff;
}

/*二级分类详情部分*/
.cg-detail{
    position: absolute;
    top: 0;
    left: 185px;
    width: 852px;
    height: 500px;
    z-index: 200;
    display: none;
}
.detail{
    height: 500px;
    background: #fff;
    display: none;
}
/*detail-word*/
.detail-word{
    float: left;
    width: 583px;
    padding: 9px 30px;
}
.detail-word h3{
    float: left;
    width: 60px;
    height: 30px;
    padding-top: 10px;
    margin-right: 30px;
    font-size: 14px;
    color: #333;
    position: relative;
}
.detail-word h3 span{
    display: block;
    width: 80px;
    /*文字两端对齐*/
    -moz-text-align-last: justify;
    text-align:justify;
    text-justify: inter-ideograph;
    text-align-last: justify;
    -moz-text-align-last: justify;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}
.detail-word h3 span i{
    font-size: 12px;
    margin-left: 2px;
}
.detail-word h3 span::after{
    content: "";
    display: inline-block;
    width: 100%;
    /*模拟多行以实现文字两端对齐*/
}
.line-con{
    float: left;
    width: 493px;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.hot-word-line:last-child .line-con{
    border-bottom: none;
}
.line-con a{
    float: left;
    margin-left: 12px;
    font-size: 14px;
    color: #666;
}
.title-icon{
    position: absolute;
    top: 13px;
    right: -15px;
    font-size: 10px;
}

/*detail-logo*/
.detail-logo{
    float: left;
    width: 189px;
}
.detail-logo a{
    display: block;
    float: left;
    height: 37px;
    padding: 5px 8px;
    margin-right: 1px ;
    margin-bottom: 1px;
    background: #fff;
}
.detail-logo img{
    width: 73px;
    height: 37px;
}
.detail-logo a:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/*hover高亮*/
.detail0 .highlight,
.detail0 a:hover,
.detail3 .highlight,
.detail3 a:hover{
    color: #e54077;
}

.detail1 .highlight,
.detail1 a:hover,
.detail5 .highlight,
.detail5 a:hover,
.detail9 .highlight,
.detail9 a:hover,
.detail11 .highlight,
.detail11 a:hover{
    color:#427def;
}

.detail2 .highlight,
.detail2 a:hover,
.detail4 .highlight,
.detail4 a:hover{
    color: #6347ed;
}

.detail6 .highlight,
.detail6 a:hover{
    color: #fa5c5c;
}

.detail7 .highlight,
.detail7 a:hover,
.detail8 .highlight,
.detail8 a:hover,
.detail12 .highlight,
.detail12 a:hover{
    color: #f7a831;
}

.detail10 .highlight,
.detail10 a:hover,
.detail14 .highlight,
.detail14 a:hover{
    color: #dd2727;
}

.detail13 .highlight,
.detail13 a:hover,
.detail15 .highlight,
.detail15 a:hover{
    color: #3bc7b0;
}
/*分类导航结束---------------*/

/*轮播图及会员信息部分开始-------------*/
#banner{
    width: 100%;
    height: 500px;
    position: relative;
    margin-bottom: 90px;
}
.banner-bg{
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
}
.bn-container{
    width: 1230px;
    height: 100%;
    margin: 0 auto;
}

/*轮播图部分开始*/
.banner-con{
    width: 1130px;
    height: 100%;
    position: relative;
    z-index: 10;
}
.big-banner{
    position: absolute;
    top: 0;
    left: 0;
}
/*轮播图上的小广告*/
.small-banner0,
.small-banner1{
    position: absolute;
    right: 10px;
    background: rgba(255, 255, 255, 0.7);
    /*透明度hover过渡效果*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);
    -webkit-transition：background: .8s ease-in-out .2s;
    -moz-transition：background: .8s ease-in-out .2s;
    -ms-transition：background: .8s ease-in-out .2s;
    -o-transition：background: .8s ease-in-out .2s;
    transition：background: .8s ease-in-out .2s;
}
.small-banner0:hover,
.small-banner1:hover{
    background: rgba(255, 255, 255, 1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff,endColorstr=#FFffffff);
}
:root .small-banner0,
:root .small-banner1{
    -webkit-filter: none;
    filter: none;
    /*移除IE9滤镜*/
}
.small-banner0 img,.small-banner1 img{
    width: 220px;
    height: 235px;
}
.small-banner0{
    top: 10px;
}
.small-banner1{
    bottom: 10px;
}
.bg0{
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}
.bg0,
.bn-container0{
    background: #e8e8e8 url(../img/index/banner-loading.gif) no-repeat center center;;
}
.bg1,
.bn-container1{
    background: #700ad0 url(../img/index/banner-loading.gif) no-repeat center center;;
}
.bg2,
.bn-container2{
    background: #e8e8e8 url(../img/index/banner-loading.gif) no-repeat center center;;
}
.bg3,
.bn-container3{
    background: #000 url(../img/index/banner-loading.gif) no-repeat center center;
}
.bg4,
.bn-container4{
    background: #53b7e8 url(../img/index/banner-loading.gif) no-repeat center center;;
}
.bg5,
.bn-container5{
    background: #d32f16 url(../img/index/banner-loading.gif) no-repeat center center;;
}
/*轮播图部分结束*/

/* 热门logo - 新 开始-------------*/

.new-hot-brand-con {
    margin: 15px auto 0;
    width: 1230px;
    padding-right: 30px;
    position: relative;
    overflow: hidden;
}

/*热门logo - 新 结束-------------*/


/*会员信息部分开始*/
#vip{
    width: 1230px;/*方便进行绝对定位*/
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.vip-con{
    width: 0;
    height: 480px;
    position: absolute;
    top: 10px;
    right: 0;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    z-index: 100;
    overflow: hidden;
    opacity: 0;
}
.vip-con:hover{
    background: rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
}
:root .vip-con{
    -webkit-filter: none;
    filter: none;
    /*移出IE9滤镜*/
}
.vip-con a{
    color: #fff;
}
.vip-con a:hover{
    text-decoration: underline;
}
.vip-con .seprate{
    display: inline-block;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed rgba(0,0,0,0.3);
}
.vip-con .avatar{
    width: 100%;
    height: 70px;
}
.avatar .default{
    /*登录前*/
    width: 70px;
    height: 70px;
    margin: 12px auto;
    background: url(../img/index/vip.png) no-repeat;
}
.avatar .logged{
    /*登录后的头像部分*/
    width: 70px;
    height: 70px;
    margin: 20px auto 0;
    border-radius: 50%;
}
/*注册登录*/
.login{
    width: 80px;
    height: 83px;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
}
.login-btn{
    display: block;
    height: 24px;
    line-height: 24px;
    margin: 12px auto 8px;
    background: #dd2727;
    border-radius: 12px;
}
.login-btn .iconfont{
    font-size: 12px;
}
.login .vip-name{
    /*登录后的会员名部分*/
    display: inline-block;
    width: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*特权部分*/
.more-info{
    width: 80px;
    margin: 0 auto;
}
.more-info li{
    height: 22px;
    line-height: 22px;
}
.more-info a{
    display: block;
    margin-top: 10px;
}
.vip-icon{
    font-size: 20px;
    margin-right: 5px;
    position: relative;
    top:3px;
}
.vip-con .number{
    /*登录后的积分及优惠券部分*/
    font-size: 22px;
    line-height: 22px;
    color: gold;
}
.vip-con .logged a{
    margin-top: 0;
}
/*推荐商品部分*/
.recommend{
    line-height: 24px;
}
.recommend p{
    height: 24px;
    margin-top: 20px;
    background: rgba(0,0,0,0.15)
}
.recommend a{
    display: block;
}
.recommend a img{
    width: 60px;
    height: 60px;
    margin: 12px auto 8px;
    border-radius: 28px;
}
.recommend a span{
    display: block;
}
/*轮播图及会员部分结束------------------------*/

/*热门品牌~品牌旗舰店的模块公共样式---------------*/
.module{
    width: 1230px;
    margin: 60px auto 0;
    height: 440px;
    left: -15px;
    position: relative;
    background: url(../img/index/content-loading.gif) no-repeat center center;
}
.module-title{
    margin-left: 15px;
    width: 280px;
    height: 36px;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
}
.module-title .color-mark{
    width: 5px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: 0;
    /*background: red;*/
}
.module-title span{
    font-size: 14px;
}
/*热门品牌~品牌旗舰店的模块公共样式结束----------*/

/*热门品牌开始----------------------*/
.hot-brand{
    height: 372px;
}
.poster{
    float: left;
    width: 245px;
    height: 371px;
}
.poster img{
    width: 245px;
    height: 371px;
}

.brand-list{
    float: left;
    width: 100%;
}
.brand-list li{
    float: left;
}
.brand-list li h4 img{
    margin-top: 30px;
}
.brand-item,.brand-fresh{
    width: 122px;
    height: 108px;
    margin-right: 1px;
    margin-bottom: 1px;
    text-align: center;
    background: #fff;
    position: relative;
}
/*遮罩层*/
.mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 12px;
    color: #fff;
    background: #000;
    background: rgba(0,0,0,0.8);
    transition: opacity .5s;
    opacity: 0;
    filter: alpha(opacity=0);
}
.mask i{
    position: absolute;
    top: 5px;
    right: 5px;
}
.mask p{
    height: 60px;
    line-height: 80px;
}
.mask a{
    display: block;
    margin: 0 auto;
    width: 63px;
    height: 18px;
    line-height: 16px;
    color: #fff;
    background: red;
    border-radius: 9px;
}
.brand-item:hover .mask{
    opacity: 1;
    filter: alpha(opacity=80);
}
/*换一批*/
.brand-fresh .rotate-icon{
    display: block;
    font-size: 23px;
    color: #999;
    border-radius: 20px;
    margin-bottom: 8px;
}
.brand-fresh span{
    display: block;
    margin-top: -10px;
    font-size: 14px;
}
.brand-fresh a{
    display: block;
    width: 122px;
    height: 92px;
    color: #999;
    padding-top: 26px;
    transition: background .5s ease-out 0s;
}
/*换一批的旋转动画*/
@keyframes rotate{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
.brand-fresh a:hover{
    color: #fff;
    background: #dd2727;
}
.brand-fresh a:hover .rotate-icon{
    color: #fff;
    animation: rotate .5s ease-out;
}
/*推荐品牌*/
.recommend-brand{
    float: left;
    width: 246px;
}
.recommend-brand li{
    height: 75px;
    padding: 9px 18px;
}
.brand-logo{
    float: left;
    width: 74px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
}
.brand-logo img{
    max-width: 100%;
    max-height: 100%;
}
.meta{
    float: left;
    padding: 16px 0 16px 20px;
    font-size: 14px;
}
.meta h4{
    color: #000;
    font-weight: 400;
}
.meta p{
    color: #999;
}
.recommend-brand a:hover h4,
.recommend-brand a:hover p{
    color: #dd2727;
}
/*热门品牌结束--------------------*/

/*分类频道开始--------------------*/
.channel{
    height: 476px;
}
.channel .channel-item{
    float: left;
    width: 238px;
    height: 476px;
    margin-right: 10px;
    text-align: center;
    background: #fff;
    position: relative;
}
.channel .last{
    margin-right: 0;
}
.channel h3{
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #dd2727;
}

.recommend-item{
    display: block;
    color: #999;
    width: 238px;
    height: 220px;
}
.channel .seprate{
    display: block;
    width: 200px;
    height: 1px;
    margin: 0 auto;
    background: #eee;
}
.recommend-item h4{
    padding-top: 20px;
    font-size: 22px;
    color: #000;
    position: relative;
    z-index: 100;
}
.recommend-item p{
    font-size: 14px;
    height: 14px;
}
.recommend-item img{
    width: 130px;
    height: 130px;
    margin: 9px auto;
    transition: all .3s ease;
}
.channel-icon{
    position: relative;
    top: 2px;
    font-weight: normal;
    font-size: 22px;
}
.channel a:hover img{
    width: 140px;
    height: 140px;
}
/*分类频道开始结束--------------------*/

/*商品分类层开始---------------------*/
.floor{
    margin-top: 20px;
}
/*广告*/
.ad{
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
}
.ad img{
    width: 1620px;
    height: 90px;
    margin-left: -165px;/*使广告主体居中*/
}
/*右上角热门导航*/
.hot-nav{
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
}
.hot-nav li{
    display: inline-block;
    margin: 5px 10px;
}
.hot-nav a{
    color: #000;
}
.hot-nav a:hover{
    text-decoration: underline;
}

/*左侧banner部分*/
.module-banner{
    float: left;
    width: 245px;
    height: 440px;
    position: relative;
}
.module-banner img{
    width: 245px;
    height: 330px;
    transition: opacity .5s;
}
.module-banner .hot-con{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}
.module-banner .hot-slider{
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #000;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    position: relative;
}
.module-banner .slider-list{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.module-banner .hot-recommend{
    padding-top: 20px;
    color: #fff;
}
.module-banner .hot-recommend h4{
    font-size: 22px;

}
.module-banner .hot-recommend p{
    font-size: 18px;
}
.module-banner .decoration{
    display: block;
    height: 30px;
    background: url(../img/index/content/decoration.png) no-repeat center;
}
.module-banner:hover img{
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.module-banner:hover .hot-slider{
    color: #dd2727;
}

/*商品列表（包括hot-list与recommend-list)*/
.module-list{
    float: left;
}
.module-list li{
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    padding: 20px 0 0 20px;
    background: #fff;
    position: relative;
}
.module-list h4{
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}
.module-list h5{
    font-size: 16px;
    font-weight: normal;
    color:#000;
}
.module-list p{
    height: 18px;
    font-size: 14px;
}
.module-list img{
    position: absolute;
    right: 0;
    bottom: 0;
    transition: right .3s ease-out;
}
.hot-list{
    width: 735px;
}
.recommend-list{
    width: 246px;
}
.hot-list li{
    width: 224px;
    height: 200px;
}
.recommend-list li{
    width: 228px;
    height: 126px;
}
.hot-list img{
    width: 154px;
    height: 154px;
}
.recommend-list img{
    width: 100px;
    height: 100px;
}
/*floor-CDKW的单独样式*/
.floor-CDKW .hot-item{
    width: 469px;
}
.floor-CDKW .recommend-list li{
    height: 200px;
}
.module-list li:hover img{
    right: 5px;
}

/*品牌旗舰店开始*/
.floor-QJD{
    height: 694px;
}
.shop-list{
    width: 100%;
    height: 694px;
}
.shop-list .shop-item{
    float: left;
    width: 594px;
    height: 326px;
    padding: 10px;
    margin-right: 1px;
    margin-bottom: 1px;
    background: #fff;
}
.shop-list .shop-item:hover{
    /*margin的值改变以使得加上边框瞬间不会出现明显的移动现象*/
    margin-right:0;
    margin-left: -1px;
    margin-bottom: 0;
    margin-top: -1px;
    border: 1px solid red;
}
/*旗舰店的头部*/
.shop-header{
    width: 100%;
    height: 50px;
}
.shop-logo{
    float: left;
    max-width: 100px;
    max-height: 50px;
}
.shop-meta{
    padding: 0 0 0 10px;
}
.enter-btn{
    float: right;
    width: 80px;
    height: 30px;
    margin-top: 10px;
    line-height: 30px;
    text-align: center;
    color: #666;
    background: #eee;
}
/*旗舰店的商品列表*/
.goods-list{
    margin: 10px -6px;
}
.goods-list li{
    float: left;
    width: 192px;
    height: 266px;
    margin: 0 5px;
}
.goods-list img{
    width: 196px;
    height: 196px;
    transition: opacity .3s ease-out;
}
.goods-desc{
    margin-top: 5px;
}
.goods-desc h5{
    height: 36px;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    overflow: hidden;
}
.goods-desc .price{
    font-size: 16px;
    font-weight: bold;
    color: red;
}
.goods-list li:hover img{
    opacity: 0.6;
    filter: alpha(opacity=60);
}
/*旗舰店结束*/

/*各个分类层大标题前的color-mark与banner的推荐内容的背景*/
.floor-QZSG .color-mark,
.floor-QZSG .hot-recommend{
    background: #f7a945;
}
.floor-QZSG .module-list p{
    color: #f7a945;
}

.floor-HWCX .color-mark,
.floor-HWCX .hot-recommend{
    background: #19c8a9;
}
.floor-HWCX .module-list p{
    color: #19c8a9;
}

.floor-DZAC .color-mark,
.floor-DZAC .hot-recommend{
    background: #f15453;
}
.floor-DZAC .module-list p{
    color: #f15453;
}

.floor-JJSH .color-mark,
.floor-JJSH .hot-recommend{
    background:#64c333;
}
.floor-JJSH .module-list p{
    color:#64c333;
}

.floor-CDKW .color-mark,
.floor-CDKW .hot-recommend{
    background:#0aa6e8;
}
.floor-CDKW .module-list p{
    color:#0aa6e8;
}

.floor-MLRS .color-mark,
.floor-MLRS .hot-recommend{
    background:#ea5f8d;
}
.floor-MLRS .module-list p{
    color:#ea5f8d;
}

/*猜你喜欢开始*/
.floor-CNXH{
    margin-top: 30px;
}
.floor-CNXH h3{
    height: 43px;
    text-align: center;
    font-size: 18px;
    font-weight: 100;
    color: #666;
}
.floor-CNXH .iconfont{
    font-size: 20px;
    color: #dd2727;
}
.favorite-list{
    margin-right: -5px;
}
.favorite-item{
    float: left;
    width: 235px;
    margin-right: 12px;
    margin-bottom: 7px;
}
.favorite-item a{
    display: block;
    width: 100%;
    height: 315px;
    background: #fff;
    border: 2px solid #fff;
}
.favorite-item img{
    width: 235px;
    height: 235px;
    transition: opacity .3s;
}
.item-desc{
    padding: 14px 12px 8px;
}
.item-desc h5{
    height: 34px;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #666;
    overflow: hidden;
}
/*商品价格，整数与小数字体大小不同*/
.item-price{
    display: block;
    height: 33px;
    margin-top: 5px;
    color: #dd2727;
}
.price-rmb,.price-demical{
    font-size: 14px;
}
.price-interger{
    font-size: 18px;
}
/*结束提示*/
.end-favorite{
    height: 72px;
    background: url(../img/index/favorite-end.PNG) no-repeat center center;
}
.favorite-item:hover img{
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/*主体内容结束------------------*/
/*------------------------------*/

/*------------------------------*/
/*footer页脚部分见公共样式------*/

/*------------------------------*/
/*顶部搜索部分开始--------------*/
#top-search{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1230px;
    padding-top: 12px;
    height: 38px;
    background: #dd2727;
    z-index: 10000;
    display: none;
}
.top-icon{
    float: left;
    width: 160px;
    height: 30px;
    line-height: 30px;
    font-size: 26px;
    color: #fff;
}
#top-form{
    width: 740px;
    height: 30px;
    margin: 0 auto;
    position: relative;
}
#top-form legend{
    display: none;
}
#top-form input[name="search-box"]{
    width: 650px;
    height: 30px;
    color: #666;
}
#top-form input[name="search-btn"]{
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #c40000;
    cursor: pointer;
}
.ts-container{
    position: relative;
}
#top-search .search-tip{
    width: 648px;
    top: 30px;
    left: 245px;
}
/*顶部搜索结束-------------------*/
/*------------------------------*/

/*分类层导航部分开始------------*/
#floor-nav{
    width: 35px;
    height: 369px;
    position: fixed;
    left: 0;
    bottom: 50px;
    z-index: 10000;
    display: none;
}
#floor-nav li{
    height: 36px;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #fff;
}
#floor-nav a{
    display: block;
    height: 28px;
    padding: 4px;
    line-height: 12px;
    color: #fff;
    background: rgb(96,96,96);
}
.nav-header{
    line-height: 36px;
    background: #dd2727;
}
.nav-back .iconfont{
    display: block;
    font-size: 12px;
    line-height: 12px;
    padding-top: 2px;
}
#floor-nav .nav-back a{
    background: rgb(153,153,153);
}
/*分类层导航部分结束------------*/
/*------------------------------*/

/*------------------------------*/
/*右侧的提示条部分开始*/
#tip-bar{
    position: fixed;
    top: 0;
    right: 0;
    width: 35px;
    height: 100%;
    z-index: 10001;
    /*display: none;*/
}
.bar-con{
    width: 35px;
    height: 100%;
    background: #000;
    position: relative;
    /*包含着除购物车与回到顶部之外的元素的父级*/
}
#top-blank{
    width: 100%;
    height: 10%;
}
#tip-bar a{
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    position: relative;
}
#tip-bar a:hover{
    background: #c40000;
}
/*我的特权*/
.privilege{
    margin-bottom: 160px;
}
.privilege .default{
    width: 35px;
}
.privilege .logged{
    /*登录后的特权部分换为一张图片*/
    width: 28px;
    height: 28px;
    margin-left: 3px;
    border-radius: 50%;
}
/*用户反馈*/
#tip-bar .feed-back{
    bottom: 70px;
}
/*二维码*/
#tip-bar .qrcode{
    bottom: 35px;
}
#tip-bar .feed-back,
#tip-bar .qrcode{
    position: absolute;
    left: 0;
    margin: 0;
}
/*购物车*/
#tip-bar .shopping-cart{
    width: 35px;
    height: 140px;
    position: absolute;
    top: 110px;
    left: 0;
    background: #000;
}
.shopping-cart .wrap{
    width: 25px;
    height: 100%;
    margin: 0 5px;
    font-size: 12px;
    line-height: 25px;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: tb-lr;
    writing-mode: tb-lr;
    letter-spacing: .2em;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}
#tip-bar a:hover .wrap{
    border: none;
}
.shopping-cart .cart-count{
    /*登录后显示的购物车商品数量*/
    position: absolute;
    left: 50%;
    bottom: 5px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0;
    color: #fff;
    border-radius: 50%;
    background: #c40000;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: lr-tb;
    writing-mode: lr-tb;
}
/*回到顶部*/
#tip-bar .back-top{
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
}
/*图标样式*/
.tip-icon{
    font-size: 22px;
    font-weight: 100;
    -webkit-writing-mode: lr-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: lr-tb;
}
.shopping-cart .tip-icon{
    position: relative;
    left: 3px;
    color: #dd2727;
}
#tip-bar a:hover .tip-icon{
    color: #fff;
}
/*各项的提示信息框*/
.tip{
    position: absolute;
    top: 0;
    right: 55px;
    width: 100px;
    height: 35px;
    font-size: 12px;
    background: #333;
    opacity: 0;
    transition: all .5s ease-out;
    visibility: hidden;/*display: none不支持过渡*/
}
#tip-bar a:hover .tip{
    right: 34px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.tip .triangle{
    position: absolute;
    top: 50%;
    right: -6px;
    margin-top: -6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-color: #333;
    border-right: none;
}
/*二维码的信息提示框*/
.qrcode .tip{
    width: 154px;
    height: 207px;
    top: auto;
    bottom: -8px;
    right: 34px;
    background: url(../img/index/tip.png) no-repeat;
}
.qrcode .tip-inner{
    margin-top: 45px;
}
.qrcode .tip .triangle{
    top: auto;
    bottom: 20px;
    right: -4px;
    border-left-color: #dd2727;
}
.qrcode .ewm{
    width: 100px;
    height: 100px;
}
/*右侧的提示条部分开始*/
/*-----------------------------------------------------*/
/*首页结束---------------------------------------------*/
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*登录页开始-------------------------------------------*/
/*-----------------------------------------------------*/
#login{
    min-width: 1190px;
    background: #fff;
}
#login #header{
    width: 1190px;
    height: 44px;
    padding: 22px 0;
    margin: auto;
    line-height: 44px;
}
#login #content{
    position: relative;
    margin-bottom: 40px;
    background: #eee;
}
.lg-ad a{
    position: absolute;
    top: 80px;
    left: 75px;
    width: 630px;
    height: 500px;
}
/*---------------------------*/
/*登录框开始-----------------*/
#login-box{
    position: absolute;
    top: 90px;
    right: 130px;
    width: 350px;
    height: 404px;
    background: #fff;
}
.way{
    padding: 25px 26px 20px;
}
.lg-qrcode{
    display: none;
}
/*登录部分的顶部提示*/
.lg-tip h4{
    height: 18px;
    margin-top: 16px;
    margin-bottom: 30px;
    font-size: 16px;
    color: #3c3c3c;
}
.lg-tip p{
    height: 16px;
    line-height: 16px;
    padding: 5px 20px 5px 15px;
    color: #df9c1f;
    background: #fefcee;
    border: 1px solid #f3d995;
    position: absolute;
    top: 10px;
    right: 60px;
}
.sd-icon{
    font-size: 14px;
}
/*切换登录方式的提示框的装饰三角形*/
.lg-tip .triangle{
    position: absolute;
    width: 0;
    height: 0;
}
.lg-tip .outer{
    top: 7px;
    right: -7px;
    border: 6px solid transparent;
    border-left-color: #f3d995;
    border-right: none;
    /*外部的稍大三角形填充与提示框边框相同的颜色*/
}
.lg-tip .inner{
    right: -5px;
    top: 8px;
    border: 5px solid transparent;
    border-left-color: #fefcee;
    border-right: none;
    /*内部的稍小三角形填充与白色相近的颜色*/
}
.way-icon{
    font-size: 52px;
    line-height: 52px;
    color: #c40000;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 5px;
    width: 52px;
    height: 52px;
}
/*错误消息*/
#lg-error{
    position: absolute;
    top: 12%;
    left: 25px;
    padding: 0 10px;
    color: #999;
    overflow: hidden;
    display: none;
}
#lg-error .error-icon{
    top: 0;
    font-size: 16px;
    padding: 0 5px;
    color: #D64848;
}
#lg-error span{
    float: right;
    width: 260px;
}
#lg-error a{
    color: #c40000;
}
/*登录部分的底部链接*/
.lg-links{
    margin-top: 25px;
    text-align: right;
}
.lg-links a{
    color: #6c6c6c;
}
.lg-links a:hover{
    color: #c40000;
}
/*账号密码登录方式部分*/
#account-form div{
    position: relative;
    margin-bottom: 25px;
}
#account-form label{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #606060;
    background: #ddd;
    position: absolute;
    top: 1px;
    left: 1px;
}
#account-form .iconfont{
    font-size: 20px;
}
#clear-icon{
    font-size: 16px;
    position: absolute;
    top: 8px;
    right: 5px;
    color: #ccc;
    cursor: pointer;
    display: none;
}
#account-form input{
    width: 240px;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    padding: 11px 8px 11px 50px;
    border: 1px solid #bbb;
}
#account-form #lg-btn{
    width: 300px;
    padding: 0;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: #AF0000;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
}
#account-form #lg-btn:hover{
    background: #c40000;
}

/*二维码登录方式部分*/
.qrcode-err{
    width: 140px;
    height: 100px;
    padding-top: 40px;
    text-align: center;
    color:  #3c3c3c;
    font-weight: bold;
    background: rgba(255,255,255,.95);
    position: absolute;
    left: 105px;
    z-index: 99;
    display: none;
}
.qrcode-err a{
    display: inline-block;
    margin-top: 8px;
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
    color: #fff;
    background: #c40000;
    border-radius: 3px;
}
.qrcode-main{
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}
#qrcode{
    position: relative;
    left: 0;
    transition: left .5s ease;
}
.qrcode-help{
    position: absolute;
    right: 12px;
    top: -15px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s ease;
}
.qrcode-main:hover #qrcode{
    left: -70px;
}
.qrcode-main:hover .qrcode-help{
    opacity: 1;
    filter: alpha(opacity=100);
}
.qrcode-desc{
    width: 188px;
    margin: 0 auto;
    color: #9c9c9c;
}
.qrcode-desc .iconfont{
    float: left;
    margin-right: 10px;
    font-size: 34px;
    line-height: 36px;
    color: #c40000;
}
.qrcode-desc p{
    float: left;
    height: 36px;
}
.qrcode-desc a{
    color: #c40000;
}
/*登录框部分结束-------------*/
/*---------------------------*/

/*---------------------------*/
/*footer底部部分开始----------*/
/*公共部分见公共样式部分*/
#login #footer{
    min-width: 1190px;
    background: #fff;
    border-top: 0;
}
#login .tmall-copyright{
    padding: 15px 0;
    color: #666;
    border-top: 0;
    background: none;
}
#login .tmall-copyright a{
    color: #000;
}
#login .cr-container{
    background: none;
}
#login .footer-copyright a{
    color: #999;
}
/*-----------------------------------------------------*/
/*登录页结束-------------------------------------------*/
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
/*注册页开始-------------------------------------------*/
/*-----------------------------------------------------*/
#register{
    min-width: 990px;
    background: #fff;
}
#register .container{
    width: 990px;
}
/*---------------------------------------*/
/*顶部导航部分见公共样式部分-------------*/
#register .sn-sitemap .sub-menu{
    width: 988px;
}
/*---------------------------------------*/
/*header头部开始-------------------------*/
#register #header{
    height: 98px;
}
#register .hd-container{
    padding-top: 26px;
}
#register .hd-logo{
    width: 190px;
    height: 36px;
    line-height: 36px;
    margin-left: 0;
}
#register .logo-icon{
    font-size: 36px;
    color: #c40000;
}
/*此处搜索框部分样式见首页header搜索框*/
#register .hd-extra{
    padding-top: 0;
    float: right;
    width: 390px;
    height: 30px;
}
#register fieldset{
    border-width: 3px;
}
#register input[name="search-box"]{
    width: 300px;
    height: 20px;
}
#register input[name="search-btn"]{
    width: 90px;
    height: 30px;
}
#register .search-tip{
    width: 292px;
    top: 30px;
    left: 3px;
}
/*header头部开始-------------------------*/
/*---------------------------------------*/

/*---------------------------------------*/
/*注册主要内容部分开始-------------------*/
#register-con{
    margin-bottom: 400px;
}
/*步骤提示部分-----------------*/
#step{
    width: 990px;
    margin: 0 auto;
    font-size: 0;/*消除inline-block的间隙*/
    text-align: center;
    margin-bottom: 50px;
    border-bottom:  2px solid #e6e6e6;
}
#step li{
    display: inline-block;
    width: 180px;
    height: 46px;
    padding-left: 30px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 700;
    color: #999;
    font-family: "微软雅黑","华文细黑",arial;
}
#step .active{
    color: #3e3e3e;
    margin-bottom: -1px;
    border-bottom: 2px solid #c40000;
}
#step-con{
    font: 14px/36px "微软雅黑","华文细黑",arial;
}
/*注册表单开始--------------------*/
#set-username,#set-account,#success{
    width: 720px;
    margin: 0 auto;
}
.form-item{
    width: 680px;
    position: relative;
    padding: 10px 0 10px 180px;
}
.form-item label,.label{
    width: 100px;
    margin-right: 20px;
    float: left;
    text-align: right;
}
.label{
    font-weight: bold;
}
.form-item input[type="text"],
.form-item input[type="password"]{
    float: left;
    width: 200px;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #000;
    border: 1px solid #e3e3e3;
}

.pass,
.rule-tip,
.error{
    float: left;
    height: 36px;
    padding-left: 15px;
    font-size: 12px;
    line-height: 36px;
    color: #c40000;
}
.pass{
    color: green;
}
.rule-tip{
    color: #000;
}
.rg-btn{
    float: left;
    width: 180px;
    height: 36px;
    margin-top: 32px;
    margin-left: 70px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    background: #ccc;
    clear: both;
}
.available{
    /*按钮可点击时的样式*/
    background: #c40000;
    cursor: pointer;
}
.rule-icon,
.error-icon,
.pass-icon{
    font-size: 16px;
    position: relative;
    top: 2px;
}
.rule-icon{
    color: #47e;/*蓝*/
}
.pass-icon{
    color: #38bf11;/*绿*/
}
.error-icon{
    color: #c40000;/*红*/
}
/*步骤1设置用户名-------*/
#set-username label{
    width: 50px;
}
.form-item input[name="tel"]{
    height: 36px;
    width: 140px;
}
/*模拟下拉菜单开始*/
.select{
    width: 150px;
    height: 36px;
    float: left;
    border: 1px solid #ccc;
    position: relative;
    z-index: 99;
}
.select-list{
    height: 150px;
    margin-left: -1px;
    border: 1px solid #e3e3e3;
    border-top: none;
    overflow: auto;
    display: none;
}
#selected,
.select-list li{
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: #3c3c3c;
    background: #fff;
    overflow: hidden;
}
.selected{
    background: #fff;
    overflow: hidden;
}
#selected{
    font-size: 14px;
    font-weight: 600;
    line-height: 36px;
}
.select-list li:hover{
    background: #f50;
    color: #fff;
}
.arrow{
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 12px;
    color: #ccc;
    padding: 0 5px;
    line-height: 36px;
    cursor: pointer;
}
.select .text{
    float: left;
}
.select .code{
    float: right;
    padding-right: 10px;
}
/*模拟下拉菜单结束*/
#verify{
    width: 300px;
    height: 36px;
    line-height: 36px;
    float: left;
    font-size: 12px;
    text-align: center;
    background: #ededed;
    position: relative;
}
.verify-icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 34px;
    color: #aaa;
    border: 1px solid #ccc;
    background: #fff;
    cursor: move;
}
.haslight:after{
    content: '';
    position: absolute;
    top: 0;
    left: 40px;
    width: 30px;
    height: 36px;
    border-radius: 50%;
    background: radial-gradient(
            rgba(255,255,255,0.8) 0,
            rgba(255,255,255,0) 50%);
    animation: move 2s ease 1s infinite;
}
/*验证框高光扫描动画*/
@keyframes move{
    0%{
        left: 40px;
    }
    100%{
        left: 300px;
    }
}
#process{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 36px;
    text-align: center;
    background: #8c4;
}
#process span{
    color: #fff;
    display: none;
}
.step-icon{
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    background: url(../img/index/step.png) no-repeat;
}
.active .step-icon{
    background: url(../img/index/step_active.png) no-repeat;
}
/*步骤2填写账户信息------------*/
.rule-tip p{
    display: inline;
}
.pass-tip{
    height: 100px;
    border: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 24px;
    position:absolute;
    top: -50px;
    right: 50px;
    background: #fff;
    z-index: 1000;
}
.pass-tip p{
    display: block;
}
/*密码规范提示框的安全强度*/
#strenth p{
    display: inline-block;
}
.nolevel,
.haslevel{
    display: inline-block;
    width: 30px;
    height: 10px;
    margin-right: 2px;
    background: #ccc;
}
.haslevel{
    background: #e85d11;
}
/*密码规范提示框的装饰三角形*/
.pass-tip .triangle{
    position: absolute;
    width: 0;
    height: 0;
}
.pass-tip .outer{
    top: 50%;
    left: -6px;
    margin-top: -3px;
    border: 6px solid transparent;
    border-right-color: #ccc;
    border-left: none;
}
.pass-tip .inner{
    left: -4px;
    top: 50%;
    margin-top: -1px;
    border: 4px solid transparent;
    border-right-color: #fff;
    border-left: none;
}
#set-account .rg-btn{
    margin-left: 120px;
}
.status1-icon,
.status2-icon,
.status3-icon{
    margin-right: 5px;
    font-size: 14px;
    color: #bbb;
}
.status2-icon{
    color: #38bf11;
    display: none;
}
.status3-icon{
    color: #c40000;
    display: none;
}
.level-text{
    color: #f50;
}
/*步骤3 完成注册*/
#success{
    font-size: 16px;
}
#success a{
    color: #000;
    text-decoration: underline;
}
#success a:hover{
    color: #c40000;
}
.success-icon{
    font-size: 24px;
    color: #38bf11;
}

#register .validate-error{
    color: red;
    border: 1px solid red;
}
/*注册主体内容结束-----------------------*/
/*---------------------------------------*/

/*---------------------------------------*/
/*footer底部见公共样式部分---------------*/
#register #footer,
#register .ft-container{
    min-width: 990px;
    width: 100%;
}
#register .tmall-ensure{
    background: url(../img/index/tmall-ensure2.jpg) no-repeat center center;
}
#register .tmall-copyright{
    min-height: 176px;
}
/*footer底部结束-------------------------*/
/*---------------------------------------*/

/*---------------------------------------*/
/*注册协议开始---------------------------*/
#rg-tip{
    width: 680px;
    height: 390px;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -340px;
    margin-top: -100px;
    font:12px/1.5 tahoma,arial,'Hiragino Sans GB',sans-serif;
    background: #fff;
    z-index: 1000;
    border: 2px solid #ccc;
    border-top-color: #c40000;
}
#rg-tip h4{
    font-size: 16px;
    color: #3e3e3e;
}
#rg-tip p{
    font-size: 12px;
    margin-top: 8px;
    margin-left: 15px;
}
#rg-tip em{
    font-weight: bold;
    text-decoration: underline;
}
#rg-tip a{
    font-size: 14px;
    color: #c40000;
    font-weight: bold;
}
#rg-tip a:hover{
    text-decoration: underline;
}
#rg-tip .rg-btn{
    display: block;
    margin: 0 auto;
    background: #c40000;
    float: none;
}
.close-icon{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #c40000;
    cursor: pointer;
}
/*注册协议结束---------------------------*/
#set-account,#success,.rule-tip,.pass,.error{
    display: none;
}
/*---------------------------------------------*/
/*注册页结束---------------------------------*/



/*天猫搜索固定开始--------------------------*/

.as-shelter.show {
    top: 0;
}

.as-shelter {
    background-color: #FF0036;
    opacity: .95;
    top: -50px;
    -webkit-transition: top .3s ease-out;
    -moz-transition: top .3s ease-out;
    -ms-transition: top .3s ease-out;
    -o-transition: top .3s ease-out;
    transition: top .3s ease-out;
}

.as-shelter, .as-total-container {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 10000;
    height: 50px;
}

.as-total-container.show {
    top: 0;
}

.as-total-container {
    margin: 0 auto;
    top: 0px;
    opacity: 1;
    -webkit-transition: top .3s ease-out;
    -moz-transition: top .3s ease-out;
    -ms-transition: top .3s ease-out;
    -o-transition: top .3s ease-out;
    transition: top .3s ease-out;
    box-shadow: 0 0 4px #eaeaea;
    overflow: hidden;
}

.attached-search-container {
    top: 0;
    width: 1230px;
    padding-right: 30px;
    background-color: transparent;
    position: relative;
    height: 50px;
    margin: 0 auto;
    border: none;
    overflow: hidden;
}

.attached-search-container .fp-iconfont, .attached-search-container .fp-iconfont-new {
    width: 160px;
    margin-top: 12px;
    z-index: 20;
    height: 30px;
    line-height: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.attached-search-container .fp-iconfont-new {
    overflow: hidden;
}

.attached-search-container .fp-iconfont-new .logo-tmall {
    font-size: 31px;
    vertical-align: middle;
}

.attached-search-container #mallSearch {
    float: none !important;
    padding-top: 12px;
    width: 740px !important;
    position: relative;
    z-index: 10;
    height: 30px;
    margin: 0 auto;
}

#mallSearch {
    float: right;
    padding-top: 25px;
    width: 390px;
    overflow: hidden;
}

.attached-search-container .mallSearch-form {
    border: none !important;
}

#mallSearch #mq, #mallSearch fieldset, .mallSearch-input {
    position: relative;
}

.mallSearch-input {
    background: #fff;
    height: 30px;
}

#mallSearch label, #tmallSearch label {
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
}

#mallSearch label {
    color: #666;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    position: absolute;
    left: 8px;
    top: 0;
    z-index: 1;
}

#mallSearch .s-combobox {
    height: 30px;
}

.attached-search-container .s-combobox {
    width: 650px;
}

.s-combobox {
    float: left;
    height: 34px;
    font-size: 12px;
}

.s-combobox .s-combobox-input-wrap {
    position: relative;
    height: 30px;
    vertical-align: middle;
}

.attached-search-container #mallSearch #mq.s-combobox-input {
    width: 640px !important;
    background: 0 0;
    outline: transparent dotted 0;
    opacity: 1;
}

#mallSearch #mq {
    color: #000;
    margin: 0;
    z-index: 2;
    width: 289px;
    height: 20px;
    line-height: 20px;
    padding: 5px 3px 5px 5px;
    outline: 0;
    border: none;
    font-weight: 900;
    background: url() repeat-x;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.attached-search-container #mallSearch button {
    right: -1px;
    height: 32px;
}

#mallSearch button, #tmallSearch button {
    position: absolute;
    z-index: 1;
}

#mallSearch button {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    border: 0;
    font-size: 16px;
    letter-spacing: 4px;
    cursor: pointer;
    color: #fff;
    background-color: #FF0036;
    height: 30px;
    overflow: hidden;
    font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";
}




/*天猫搜索固定结束---------------------------*/


/*天猫首页导航开始------------------*/

#J_FpLift {
    margin-left: -673px !important;
}

.mui-lift {
    position: fixed;
    bottom: 50px;
    left: 50%;
    z-index: 9999;
    width: 35px;
    text-align: center;
}

.mui-lift, .w1024 .new-floor-con .middle-column-con .last-1230 {
    display: none;
}

.mui-lift .mui-lift-nav.nav-header, .mui-lift .mui-lift-nav.nav-header:hover {
    background-color: #ff0036;
}

.mui-lift .mui-lift-nav {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    margin-top: 1px;
    background-color: #666;
    background-color: rgba(0,0,0,.6);
    overflow: hidden;
    font-size: 12px;
}

.mui-lift .mui-lift-nav .mui-lift-nav-name {
    line-height: 12px;
    width: 24px;
    height: 28px;
    margin: 6px auto;
}

.mui-lift .mui-lift-nav.nav-back {
    line-height: 13px;
    background-color: #666;
    background-color: rgba(0,0,0,.3);
}


/*天猫首页导航结束-----------------------*/